<template>
  <div>
    <div style="margin: 20px auto;">
      <el-input></el-input>
    </div>
    <div>
       <el-tree
        :default-expand-all="true"
        style="max-width: 600px"
        :data="treeData"
        :props="defaultProps"
       @node-click="deptClick"
         />
    </div>
  </div>
</template>
<script setup>
 import {deptTreeSelect} from '@/api/system/user'
 import {ref} from 'vue'
 import mitt from '@/utils/mitt'
 let treeData=ref([])
//  获取树形数据接口
 let getTree=async ()=>{
   let res=await deptTreeSelect()
   console.log(res,"部门的树形树形数据")
   treeData.value=res.data;
  // 将树形数据传给兄弟组件 弹出层组件
  mitt.emit("sendTreeData",treeData.value)
 }
 getTree();
 const defaultProps = {
  children: 'children',
  label: 'label',
}
// 部门的树形 点击事件
 let deptClick=(data)=>{
    console.log(data,"节点对象")
    // 将id传给兄弟组件 列表组件userList 去作为deptId 搜索
    mitt.emit("sendDeptId",data.id)
 }
</script>